<!DOCTYPE html>
<html>

<head>
	<title id="titleId">All tests</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" href="qunit/qunit.css" type="text/css" media="screen" />
    <script>
    	// version lies between question mark and first ampersand (or end)  
    	var version = location.search.match(/\?(.*?)(&|$)/)[1];
    	
        document.write("<scr"+"ipt src='../../main/java/org/apache/wicket/resource/jquery/jquery-"+version+".js'></scr"+"ipt>");
    </script>
    <!--<script src="https://code.jquery.com/jquery-migrate-3.0.0.js"></script>-->
	<script src="../../main/java/org/apache/wicket/ajax/res/js/wicket-ajax-jquery.js"></script>
	<script type="text/javascript" src="qunit/qunit.js"></script>
	<script type="text/javascript" src="qunit/jquery.mockjax.js"></script>
	<script type="text/javascript" src="qunit/blanket.min.js"></script>

	<!-- the module under test -->
    <script>
        // uncomment for error reporting from the tests
//        Wicket.Ajax.DebugWindow.enabled = true;
    </script>
	<script type="text/javascript" src="channels.js"></script>
	<script type="text/javascript" src="dom.js"></script>
	<script type="text/javascript" src="event.js"></script>
	<script type="text/javascript" src="form.js"></script>
	<script type="text/javascript" src="head.js"></script>
	<script type="text/javascript" src="ajax.js"></script>
	<script type="text/javascript" src="timer.js"></script>
</head>

<body>
	<div id="qunit"></div>

	<div id="qunit-fixture">

		test markup, will be hidden

		<!--
			AJAX
		-->

		<div id="evaluationId"></div>
		<div id="priorityEvaluationId"></div>
		<div id="evaluationIdentifierAndCodeId"></div>
		<div id="multipleEvaluationsWithIdentifier"></div>

		<div id="componentToReplace">old body</div>

		<textarea id="componentId"><ajax-response><component id="componentToReplace"><![CDATA[<span id="componentToReplace">new body</span>]]></component></ajax-response></textarea>


		<textarea id="componentDoesNotExistsId"><ajax-response><component id="componentToReplaceDoesNotExist"><![CDATA[<span id="componentToReplaceDoesNotExist">new body</span>]]></component></ajax-response></textarea>


		<textarea id="complexComponentId"><ajax-response><component id="componentToReplace"><![CDATA[

			<table id="componentToReplace">
				<thead>
				<tr>
					<th><div><script>start(); ok(true, 'script in thead > td has to be executed')</script></div>
					</th>
					<th>header 2</th>
				</tr>
				</thead>
				<tbody>
				<tr>
					<td>data 1
						<script>start(); ok(true, 'script in tbody > td has to be executed')</script>
					</td>
					<td>data 2</td>
				</tr>
				</tbody>
				<tfoot>
				<tr>
					<td>footer 1</td>
					<td>footer 2
						<script>start(); ok(true, 'script in tfoot > td has to be executed')</script>
					</td>
				</tr>
				</tfoot>
			</table>

			]]></component></ajax-response></textarea>

		<textarea id="componentToReplaceTitle">
			<ajax-response><component id="titleId"><![CDATA[<title id="titleId">new title</title>]]></component></ajax-response>
		</textarea>

		<div id="componentPlaceholderId" data-wicket-placeholder="">
		</div>

		<!--
			DOM
		-->
		<span id="testElement"></span>
		<div id="testBlockElement"></div>

		<div id="complexElement">
			<a href="some/url">Link</a>
		</div>

		<iframe id="testInDocIFrame"></iframe>

		<span id="toBeReplacedByTable"></span>
		<span id="toBeReplacedByScript"></span>
		<span id="toBeReplacedByDivWithChildren"></span>
		<span id="testDomEventNotifications"></span>

		<!--
			Event
		-->
		<span id="specifiedId" class="getIdClass1"></span>
		<span class="getIdClass2"></span>

		<!--
			Form
		-->
		<form id="testForm" action="actionUrl">

			<div id="nonHtmlFormElement">

			<input type="text" id="textInputId" name="textInput" value="textValue"/>

			<input type="text" id="textInputUTFId" name="textUTFInput" value="нещо на български"/>

			<input type="checkbox" name="checkBoxInput1" checked="checked" value="cbValue1"/>
			<input type="checkbox" name="checkBoxInput2" value="cbValue2"/>
			<input type="checkbox" name="checkBoxInput3" checked="checked" value="cbValue3"/>

			<input type="radio" name="radioInput" checked="checked" value="radioValue1"/>
			<input type="radio" name="radioInput" value="radioValue2"/>

			<input type="email" id="emailInputId" name="emailInput" value="m@g.com"/>

			<input type="url" id="urlInputId" name="urlInput" value="http://example.com"/>

			<input type="search" id="searchInputId" name="searchInput" value="wicket"/>

			<input type="range" id="rangeInputId" name="rangeInput" min="0" max="100" value="67"/>

			<input type="number" id="numberInputId" name="numberInput" min="0" max="100" value="16"/>

			<input type="color" id="colorInputId" name="colorInput" value="#123456"/>

			<select id="multipleSelectId" name="multipleSelect" multiple="multiple">
				<option value="0" selected="selected">zero</option>
				<option value="1">one</option>
				<option value="2" selected="selected">two</option>
			</select>

			<select id="selectId" name="select">
				<option value="0" selected="selected">zero</option>
				<option value="1">one</option>
				<option value="2">two</option>
			</select>

			<textarea name="textArea">some text</textarea>

			</div>

		</form>

		<!-- WICKET-4673 Ajax submit of nested form -->
		<form id="outerForm" >
			<button type="submit" id="submitButton">Outer Submit</button>
			<div id="innerForm">
				<input type="file" id="file"/>
				<button type="submit" id="innerSubmitButton">Inner Submit</button>
			</div>
		</form>

		<form id="multipartForm">
			<input type="text" id="multipartFormText"/>
			<input type="file" id="multipartFormFile"/>
			<input type="submit" id="multipartFormSubmit">
		</form>

		<div id="usedAsContextWicket5025"></div>

		<div id="ajaxIndicator"></div>
	</div>
</body>
</html>
